import React from 'react';
import { useRoutes, useNavigate, Outlet } from 'react-router-dom'
import { useEffect } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { getHeadAction } from '@/store/actions/index'
import{observer} from 'mobx-react-lite'


export default observer((props)=> {
    const list = useSelector(state => state.head.list)
    const dispatch = useDispatch()
    useEffect(() => {
        const action = getHeadAction()
        dispatch(action)
        props.list.updateHeighquality()
    }, []);
    return (
        <div>
            推荐
            <Outlet />
        </div>
    );

})
